import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Link from 'next/link';
import { Button } from '@material-ui/core';
class Home extends Component {
static propTypes = {
token: PropTypes.string,
classes: PropTypes.object.isRequired,
};
static defaultProps = {
token: '',
}
constructor(props) {
super(props);
this.state = {
asdf: props.token,
};
}
render() {
return (
<div
style={{
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
}}
>
<div style={{
justifyContent: 'space-around', alignItems: 'center', display: 'flex',
}}
>
<Link
href="/department"
>
<Button className={this.props.classes.button} color="secondary" variant="contained">
Department Management
</Button>
</Link>
<Link
href="/species"
>
<Button className={this.props.classes.button} color="secondary" variant="contained">
Species Management
</Button>
</Link>
<Link
href="/user"
>
<Button className={this.props.classes.button} color="secondary" variant="contained">
User Management
</Button>
</Link>
</div>
</div>
);
}
}
export default Home;